import { jsx } from 'react/jsx-runtime';

function arrowDown (props) {
    const name = props.className;
    let className = 'w-svg';
    if (name) {
        className += ' ' + name;
    }
    let fn = props.onClick;
    let fnClick;
    if (fn) {
        fnClick = (e) => {
            fn(e);
        };
    }
    return (jsx("span", { onClick: fnClick, className: className, style: { fontSize: props.fontSize, color: props.color }, children: jsx("svg", { viewBox: "0 0 1024 1024", width: "1em", height: "1em", fill: "currentColor", children: jsx("path", { d: "M197.8 369.4l3.6 4.2 272 313c9.2 10.6 23 17.2 38.4 17.2 15.4 0 29.2-6.8 38.4-17.2L822 374.2l4.6-5.2c3.4-5 5.4-11 5.4-17.4 0-17.4-14.8-31.6-33.2-31.6l0 0L225.2 320l0 0c-18.4 0-33.2 14.2-33.2 31.6C192 358.2 194.2 364.4 197.8 369.4z" }) }) }));
}

export { arrowDown as default };
